<template>
	<view>
		<Header title="苗木数据采集"></Header>
		<view class="main_wrap">
			<view class="main">
				<view class="main_item">
					<view>苗木种植户:</view>
					<van-row>
						<xfl-select :list="list" :clearable="false" :showItemNum="5"  :isCanInput="true"
							:style_Container="'height: 70rpx; font-size: 26rpx;'" placeholder="输入手机号检索用户" :initValue="'13321713857'"
							:selectHideType="'hideAll'">
						</xfl-select>
					</van-row>
				</view>
				<view class="main_item">
					<view>种植户所在村镇:   (系统自动提取)</view>
					<van-row gutter="10">
						<van-col span="8" v-for="item in 3">
							<xfl-select :list="list" :clearable="false" :showItemNum="5"  :isCanInput="true" :disabled="true"
								:style_Container="'height: 80rpx; font-size: 26rpx'" placeholder="输入手机号检索用户" :initValue="'13321713857'"
								:selectHideType="'hideAll'">
							</xfl-select>
						</van-col>
					</van-row>
				</view>
				<view class="main_item">
					<view>苗木种植户地块:</view>
					<van-row>
						<xfl-select :list="list" :clearable="false" :showItemNum="5"  :isCanInput="true"
							:style_Container="'height: 70rpx; font-size: 26rpx;'" placeholder="请选择用户的地块" initValue="请选择用户的地块"
							:selectHideType="'hideAll'">
						</xfl-select>
					</van-row>
				</view>
				<view class="main_item">
					<view>苗木类型:</view>
					<van-row>
						<xfl-select :list="list" :clearable="false" :showItemNum="5"  :isCanInput="true"
							:style_Container="'height: 70rpx; font-size: 26rpx;'" placeholder="请选择苗木类型" 
							:selectHideType="'hideAll'">
						</xfl-select>
					</van-row>
				</view>
				<view class="main_item">
					<view>苗木树龄:</view>
					<van-row>
						<xfl-select :list="list" :clearable="false" :showItemNum="5"  :isCanInput="true"
							:style_Container="'height: 70rpx; font-size: 26rpx;'" placeholder="请选择苗木树龄" 
							:selectHideType="'hideAll'">
						</xfl-select>
					</van-row>
				</view>
				
				<view class="main_item">
					<view>苗木位置:</view>
					<van-row gutter="10">
						<van-col span="8">
							<van-cell-group>
								<van-field  placeholder="请输入精度" :border="true"  />
							</van-cell-group>
						</van-col>
						<van-col span="8">
							<van-cell-group>
								<van-field  placeholder="请输入纬度" :border="true"  />
							</van-cell-group>
						</van-col>
						<van-col span="8">
							<view class="gomap">去百度地图获取</view>
						</van-col>
					</van-row>
				</view>
				<view class="main_item">
					<view>采集人员:</view>
					<van-row>
						<xfl-select :list="list" :clearable="false" :showItemNum="5"  :isCanInput="true"
							:style_Container="'height: 70rpx; font-size: 26rpx;'" placeholder="系统自动锁定用户" 
							:selectHideType="'hideAll'">
						</xfl-select>
					</van-row>
				</view>
				<!-- 采集时间占位 -->
				<view class="main_item">
					<view>备注:</view>
					<van-row>
						<van-cell-group>
							<van-field  placeholder="请填写备注内容" :border="true" type="textarea"  autosize/>
						</van-cell-group>
					</van-row>
				</view>
				
				<van-row>
					<van-button type="info" size="normal"  custom-style="display:flex;justify-conetent:center;width:400rpx;margin-top:60rpx">确定</van-button>
				</van-row>
				
				
			</view>
		</view>
	</view>
</template>

<script>
	import Header from "../../components/header.vue"
	import xflSelect from '../../components/xfl-select/xfl-select.vue'; //导入
	export default {
		data() {
			return {
				list: [ //要展示的数据
					'苹果',
					{
						value: '香蕉',
						disabled: true
					},
					'葡萄',
					'芒果',
					'大白菜',
				],
			}
		},
		components: {
			Header,
			xflSelect
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.main_wrap {
		padding: 20rpx 20rpx 0 10rpx;

		.main {
			// height: 500rpx;
			border: 1px solid red;
			padding: 30rpx 20rpx 80rpx 20rpx;
			
			.main_item{
				margin-bottom: 20rpx;
				font-size: 26rpx;
				&>view{
					margin-bottom: 20rpx;
				}
				.van-cell{
					border: 1px solid red !important;
					
				}
				.gomap{
					text-decoration: underline;
					color: red;
					font-weight: bold;
					font-size: 26rpx;
					text-align: center;
					margin-top: 60rpx;
					
					
					
				}
			}
		}
	}
</style>
